<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Cloudy | Content</title>

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
    $(document).ready(function() {    
    	$('.default-value').each(function() {
    	    var default_value = this.value;
    	    $(this).css('color', '#666'); // this could be in the style sheet instead
    	    $(this).focus(function() {
    	        if(this.value == default_value) {
    	            this.value = '';
    	            $(this).css('color', '#333');
    	            
    	        }
    	        $(this).animate({ height: "10em" }, 500);
    	    });
    	    $(this).blur(function() {
    	        if(this.value == '') {
    	            $(this).css('color', '#666');
    	            this.value = default_value;
    	        }
    	        $(this).animate({ height: "1em" }, 500);
    	    });
    	});
    });
</script>
</head>

<%@ include file="template/headerContent.jsp" %>
<body>     
        	<div class="full_width">
            <h2>Application for Online Consultation</h2>
		
		<table border="0">
    	<tbody>	
    		<tr>
    			<td>Name :</td>
    			<td><input type="text" value="Kelly Quek" disabled="disabled"></input></td>
    		</tr>
    		<tr><td><br></td></tr>
    		<tr>
    			<td>NRIC :</td>
    			<td><input type="text" value="S9419832A" disabled="disabled"></input></td>
    		</tr>
    		<tr><td><br></td></tr>
    		<tr>
    			<td>Gender :</td>
    			<td><input type="text" value="Female" disabled="disabled"></input></td>
    		</tr>
    		<tr><td><br></td></tr>
    		<tr>
    			<td>Contact :</td>
    			<td><input type="text" value="90909090" disabled="disabled"></input></td>
    		</tr>
    		<tr><td><br></td></tr>
    		<tr>
    			<td>Illnesses :</td>
    			<td colspan="2"><textarea rows="1" class="default-value" cols="41" style="resize: none;">Down with flu, chest pain etc</textarea></td>
    		</tr>
    		<tr><td><br></td></tr>
    		<tr>
    			<td></td>
    			<td><div class="button_01 float_l"><a href="#">Apply</a></div></td>
    			<td><div class="button_01 float_r"><a href="#">Exit</a></div></td>
    		</tr>
    	</tbody>
 	   	</table>
            
            
                <!-- DO NOT EDIT BEYOND THIS POINT -->
                <!-- Do not remove the BR unless your content is long -->
    			<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

                
                <div class="cleaner"></div>
            </div>

<%@ include file="template/footerContent.jsp" %>
</body>
</html>